html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  
}
a, a:link, a:visited, a:active {display:block;}
html, body{
      height:100%;
}

body{
	background-image:url(background2.png);	
	font:normal normal normal 15px 'Lucida Grande', 'Myriad Pro', Helvetica, Arial, Geneva, Verdana, sans-serif;
}
#listSongs .track{
    width:120px;
}

.track:hover{
    text-decoration: underline;
    cursor:pointer;
}
#top{
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width:1px;;	
    height:125px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(http://kineticshadows.com/css/images/tile-portfolio.png);
    width:100%;
}

#bottom{
  position: relative;
  bottom:0px;
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;;	
  height:25px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(http://kineticshadows.com/css/images/tile-portfolio.png);
  text-align: center;
}

#bottom span{
    line-height: 25px;
    font-family: 'Courier new';
    margin:0 auto;
    color:grey;
}
#albums{
    height:120px;
    overflow: auto;
}
#avatar img{
		width:120px;

}
#blackbar{
height:50px;	
width:auto;
background-image: url(http://kineticshadows.com/css/images/tile-nav.png);
background-repeat: repeat-x;
margin-top:0px;


-moz-box-shadow: 0 0 5px 2px #888;
-webkit-box-shadow: 0 0 5px 2px#888;
box-shadow: 0 0 5px 2px #888;

/*position:absolute;*/
	
}


#ratingInfo{
	margin-left:15px;	
}

.contact_form li { 
list-style-type:none; 
float: left;
} 

.contact_form ul{
margin: 0 auto;
width:500px;
text-align:middle;
line-height:50px;

}
.subList li{
    margin-top:-20px;
    
}
#searchbar{
	width:400px;
	height:30px;
	margin-left: 15%;
}

#searchButton{
	width:75px;
	height:34px;
	margin-left:5px;
	padding: 6px 10px;
	-webkit-border-radius: 2px 2px;
	border: solid 1px rgb(153, 153, 153);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	line-height: 1;
}

#searchForm{
	margin: 0 auto;
	width:620px;
	padding-top:7px;
}

#logo{
    float:left;
    display:block;
    margin:0 auto;
    width:410px;
    height:130px;
}
#errorLogin{
    margin-top:10px;
    display:block;
    float:right;
    margin-right:8px;
}
#login{
    width:370px;
    display:block;
    position:absolute;
    top:0;
    right:0;
    padding-top:10px;	
}

#loginbutton{
	margin-top:2px;
	width:75px;
	height:20px;
	margin-left:15px;
	margin-right:5px;
	-webkit-border-radius: 2px 2px;
	border: solid 1px rgb(153, 153, 153);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}	

#email, #password{
        width:120px;
	    height:22px;
		margin-left:15px;
		-webkit-border-radius: 2px 2px;
		border: solid 1px rgb(153, 153, 153);
}

#loginform{
       float:right;
}

#loginform li { 
       list-style-type:none; 
       float: left;
} 

#reg{
     float:right;
     margin-bottom:10px;
     font-size:18px;
     margin-right:5px;
}
#logout{
    float:right;
    margin-right:5px;
    margin-top:-20px;
    display:block;
}
#logout A{
        color:#00f;
        margin-right:5px;
        float:right;
}

A:link {text-decoration: none; color: #333;}
A:visited {text-decoration: none; color: #333;}
A:active {text-decoration: none; color: #333;}
A:hover { 

}

#wrapperplayer{
		width:570px;
		height:390px;
        /*margin-top:15px;*/
		background-color:#dfdfdf;
		float:right;
		/*margin-right:26px;
		margin-left:26px;;	*/
		border-style:solid;
		border-width: 1px;
		border-color:#c0c0c0;
}

#headerplayer{
		width:570px;
		height:25px;
		background-color:#575757;
		margin-left:0px;
		margin-bottom:5px;
	
		
}

#wrapperinfo{
	width:570px;
		float:right;
        margin-top: 9px;
       /* margin-bottom: 10px;*/
       	background-color:#dfdfdf;
        height:239px;
		/*margin-right:26px;
		margin-left:26px;*/
		border-style:solid;
		border-width: 1px;
		border-color:#c0c0c0;
}

#headerinfo{
		width:570px;
		height:25px;
		background-color:#575757;	
}

#wrappersug{
        float: right;
        
        width:200px;
        height:584px;
        margin-right:10px;
        margin-top:15px;
		background-color:#dfdfdf;
		border-style:solid;
		border-width: 1px;
		border-color:#c0c0c0;
		
		
}

#headersug{
		width:200px;
		height:25px;
		background-color:#575757;	
		margin-bottom:5px;
		
}


#wrapperres{
		margin-top:15px;
	 	float: left;
        width:200px;
 
        margin-left:10px;
        height:584px;
       	background-color:#dfdfdf;
		border-style:solid;
		border-width: 1px;
		border-color:#c0c0c0;
}

.headerres{
		width:200px;
		height:25px;
		background-color:#575757;	
		margin-bottom:5px;
	
}

#maintext{
		padding: 5px;
		text-align:left;
}

#wrapperartist{
		width:570px;
		height:420px;
       /* margin-top:15px;*/
		background-color:#dfdfdf;
		/*margin-right:26px;
		margin-left:26px;;	*/
		border-style:solid;
		border-width: 1px;
		border-color:#c0c0c0;
}

#wrapperalbums{
	width:570px;
		float:right;
        margin-top: 9px;
       /* margin-bottom: 10px;*/
       	background-color:#dfdfdf;
        height:152px;
		/*margin-right:26px;
		margin-left:26px;*/
		border-style:solid;
		border-width: 1px;
		border-color:#c0c0c0;
}

#avatar{
		height:160px;
		width:120px;
		float:left;
		margin-left:30px;
		margin-top:20px;	
}

#tracks{
		height:220px;
		width:150px;
		float:left;
		margin-left:30px;
		margin-top:150px;
                overflow: auto;
		position:absolute;
}
#tracks ul li {
    text-align: left;
    list-style: none;3
}
#track li{

    margin-top:5px;
}
#bio{
    height:350px;
    width:380px;
    float:right;
    margin-top:20px;
    overflow:auto;
    height:350xp;
    text-align: left;
}

.albumcover{
        height:150px;
	width:100px;
	margin-top:14px;
        margin-bottom:5px;
	float:left;
	margin-left:15px;       
}
.albumcover img{
    width:100px;
    cursor:pointer;
}
.albumcover:hover{

    text-decoration: none;
    border:0;
    
}
.albumtitle{
    cursor:pointer;
    text-decoration: none;
    color:black;
}

.albumtitle:hover{
    margin:0;
    text-decoration: underline;
}
#main{
    margin-top:0px;
    width: 1050px;
    height:610px;
}


#middle{
	width:570px;
	height:585px;
	
	float:right;	
	margin-top:15px;
	margin-right:26px;
	margin-left:26px;
	border-style:solid;
		border-width: 0px;
		border-color:#c0c0c0;
}

#middleplay{
    display:none;
}


h2{
font:normal normal normal 15px 'Lucida Grande', 'Myriad Pro', Helvetica, Arial, Geneva, Verdana, sans-serif;
color:white;
margin-top:0px;
margin-bottom:2px;
}


.artist{
    font-weight:bold;
}
.track{
    
}
#results{
    height:560px;
    overflow: auto;
}
#results .info{
    float:left;margin-right:5px;
    width:120px;
    margin-bottom:5px;
}
#results ul{
    list-style:none;
    padding-left:15px;
}

#results li span{
    font: normal bold 15px 'Lucida Grande', 'Myriad Pro', Helvetica, Arial, Geneva, Verdana, sans-serif;
    color:#00f;
}

#results li{
    padding-bottom:5px;
    text-align:left;
    width:180px;
    
}

#results li span{
    color:#0A122A;
}

#results li span:hover{
    text-decoration: underline;
    cursor:pointer;
}


#listSongs li ul{
   list-style-image: url(newButton.png);
   padding-top:4px;
}

#listSuggestions li ul{
   list-style-image: url(newButton.png);
   padding-top:4px;
}

#suggestions .info{
    float:left;
    margin-right:5px;
    width:120px;
    margin-bottom:5px;
	overflow: auto;
}
#suggestions ul{
    list-style:none;
}

#suggestions ul li span{
    font: normal bold 15px 'Lucida Grande', 'Myriad Pro', Helvetica, Arial, Geneva, Verdana, sans-serif;
    color:#0A122A;
}

#suggestions ul li ul{
    margin-left:8px;
}
#suggestions ul li ul span{
    font: normal bold 14px 'Lucida Grande', 'Myriad Pro', Helvetica, Arial, Geneva, Verdana, sans-serif;
    margin-bottom:5px;
    color:#0B0B61;
}

#suggestions ul li ul li{
    margin-left:18px;
}

#suggestions ul li{
    padding-bottom:5px;
    text-align:left;
    width:180px;
}

#suggestions ul li span:hover{
    text-decoration: underline;
    cursor:pointer;
}

#suggestions ul li ul img{
    float:left;
    margin-right:1px;
    paddin-left:5px;
}

#listSuggestions{
    float:left;
    margin-left:8px;
	padding-bottom:5px;
    text-align:left;
    width:180px;
    height:40px;
	list-style:none;
}

#listSuggestions span:hover{
    text-decoration: underline;
    cursor:pointer;
}

#bottom {
        position:fixed;
        width:100%;
        text-align:center;
}


#rating{
		width:570px;
		height:25px;
		background-color:#DFDFDF;
		margin-top:5px;
		margin-bottom:-3px;
		float:right;

}

#ratingInfo{
		float:left;	
}

#rateit{
		float:right;
		margin:0px;
		height:25px;
        vertical-align:middle;
		/*border-top:2px dotted #333;
		border-bottom:2px dotted #333;*/
		width:80px;
}

#rateit p{
		font:normal normal bold 18px 'Lucida Grande', 'Myriad Pro', Helvetica, Arial, Geneva, Verdana, sans-serif;
		color:#000;
		margin-top:4px;
}

#stars{
		float:right;

}

 	.star-rating{
		list-style:none;
		margin-left:5px !important;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(alt_star.gif) top left repeat-x;
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a:focus,
	.star-rating a:active{
		border:0;
		-moz-outline-style: none;
    	        outline: none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(alt_star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
        .loading{
            display:block;
            width:150px;
            font-style:italic;
            
        }
        .loading img{
            float:right;
            padding-left: 5px;
        }
        .divPlaylist{
            height:300px;
            width:150px;
            overflow:auto;
            float:left;
}